<template>
  <div class="peisongbox">
      <div class="peisong">
           <span class="distir"><span class="distirtxt">配送</span> </span> <span class="now">现在下单，最快今日10:00-11:00到达</span>
        </div>
      <!-- 弹出框      -->
      <div class="yunfeibox">
          <van-cell is-link @click="showPopup" ><span class="distir"><span class="">运费</span> </span> <span class="now">运费<span>15</span> <span>元</span> 满<span>99</span> 包邮</span></van-cell>
          <van-popup v-model="show" z-index=666>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</van-popup>
          <van-popup v-model="show" position="bottom" :style="{ height: '30%' }" />
      </div>
      <div>
          <van-cell is-link @click="showPopup"><span>服务 品质保障</span></van-cell>
          <van-popup v-model="show">内容</van-popup>
        
      </div>
       <van-popup v-model="show" position="bottom" :style="{ height: '30%' }" />
  </div>
  
</template>

<script>
export default {
  data() {
    return {
      show: false,
    };
  },

  methods: {
    showPopup() {
      this.show = true;
    },
  },
};
</script>

<style>
    .peisongbox{
        width: 3.44rem;
        height: 1.5rem;
        /* background-color:white; */
        margin: auto;
        margin-top: 0.15rem;
        border-radius: 0.05rem;
    }
    .peisong{
        width: 100%;
        height: 0.3rem;
        /* background-color:pink; */
        line-height: 0.3rem;  
    }
    .distir{
        font-size: 0.15rem;
        color:#999999;
         /* padding: 0.4rem; */
    }
    .distirtxt{
        padding: 0.15rem;
    }
    .now{
         font-size: 0.15rem;
         color: #404040;
         margin-left: 0.1rem;
    }
    /* .yunfeibox{
        width:100%;
        height: 0.6rem;     
    } */
</style>